<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet"
	href="assets/amazeui-admin/css/newamazeui.min.css">
<link rel="stylesheet" href="assets/amazeui-admin/css/wap.css">

<!-- jQuery Include -->
<script type="text/javascript"
	src="assets/amazeui-admin/data20180315/js/jquery.min.js"></script>

<!-- Mobiscroll JS and CSS Includes -->

<script type="text/javascript"
	src="assets/amazeui-admin/data20180315/js/mobiscroll.custom.min.js"></script>
<link
	href="assets/amazeui-admin/data20180315/css/mobiscroll.custom.min.css"
	rel="stylesheet" type="text/css" />

<title>编辑</title>
<style>
.section {
	position: relative;
	height: 32px;
	padding-left: 80px;
	padding-right: 15px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.section label {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 32px;
	line-height: 32px;;
	font-size: 12px;
}

.section>select, .section>input {
	width: 100%;
	height: 100%;
	display: block;
	padding: 0 10px;
	box-sizing: border-box;
}
</style>
</head>
<body style="background: #ececec">

	<div class="pet_mian">
		<div class="pet_head">

			<header data-am-widget="header"
				class="am-header am-header-default pet_head_block">
				<div class="am-header-left am-header-nav ">
					<a href="articleList" class="iconfont pet_head_jt_ico"><img src="myAssets/img/返回.png"></a>
				</div>
				<div class="pet_news_list_tag_name">发布 校园大巴</div>
				<div class="am-header-right am-header-nav">
					<a href="javascript:;" class="iconfont pet_head_gd_ico" id="btn"><img src="myAssets/img/完成.png"></a>
				</div>
			</header>
		</div>



		<div class="pet_content pet_content_list">
			<div class="pet_grzx"></div>


			<div class="pet_content_main pet_article_like_delete">

				<div data-am-widget="list_news"
					class="am-list-news am-list-news-default am-no-layout">

					<div class="am-list-news-bd">

						<ul class="am-list">

							<!--缩略图在标题右边-->
							<!--个人信息 -->
							<div class="pet_comment_list_bottom_info_r"></div>
							<div class="info-main"
								style="margin-left: 20px; margin-right: 20px;">
								<form class="am-form am-form-horizontal" id="form-articel"
									enctype="multipart/form-data">
									<div class="am-form-group">
										<p></p>

										<div class="am-form-group">
											<h1 style="text-align: center; color: #6f68df;">校园大巴</h1>

										</div>
										<!-- 标题两个地方选择 -->
										<div class="am-form-content">
											<div class="am-form-content">
												<input type="text" id="name" placeholder="出发" value=""
													name="titleBegin" style="width: 49%; display: inline;">

												<input type="text" id="name" placeholder="终点" value=""
													name="titleEnd" style="width: 49%; display: inline;">
											</div>
										</div>
									</div>


									<!-- 隐藏 -->
									<div class="yingcang" style="display: none">
										<label class="am-radio-inline"> <input type="radio"
											name="article.type" value="bus" data-am-ucheck> 巴士
										</label> <label class="am-radio-inline"> <input type="radio"
											name="article.type" value="bus" data-am-ucheck checked>
											巴士
										</label>
									</div>

									<div class="am-form-group">
										<span class="am-badge am-badge-secondary am-text-lg">接车地点</span>
										<div class="am-form-content">
											<input type="text" id="location" placeholder="具体地点..." value=""
												name="article.address">
										</div>
									</div>

									<div class="am-form-group">
										<span class="am-badge am-badge-secondary am-text-lg">价格</span>
										<div class="am-form-content">
											<input type="text" id="location" placeholder="人民币价格..." value=""
												name="article.price">
										</div>
									</div>
									<div class="section">
										<label><span
											class="am-badge am-badge-success am-text-sm">时间 <i
												class="am-icon-clock-o"></i></span></label> <input type="text"
											id="demo_datetime" name="article.startDate" />
									</div>




									<div class="section">
										<label><span
											class="am-badge am-badge-success am-text-sm">人数 <i
												class="am-icon-adjust"></i></span></label> <select id="demo_select"
											name="article.joinUserNum">
											<option value="">选择参加人数</option>
											<option value="4">4人</option>
											<option value="5">5人</option>
											<option value="10">10人</option>
											<option value="50">50人</option>
											<option value="100">100人</option>


										</select>
									</div>

									<p></p>

									<div class="am-form-group">
										<span class="am-badge am-badge-primary am-text-lg">路程相关内容
										</span>

										<div class="am-form-content">

											<textarea rows="3" id="synopsis" placeholder="具体路程内容..."
												name="article.content"></textarea>
										</div>
									</div>
									<div class="am-form-group am-form-file">
										<button type="button" class="am-btn am-btn-danger am-btn-sm">
											<i class="am-icon-cloud-upload"></i> 图片上传
										</button>
										<div id="file-list"></div>
										<input name="file" id="doc-form-file" type="file" multiple>
									</div>

									&nbsp;


								</form>



							</div>
					</div>
				</div>
			</div>





			</ul>





			<div class="pet_article_dowload">
				<div class="pet_article_dowload_title">关于Amaze UI</div>
				<div class="pet_article_dowload_content">
					<div class="pet_article_dowload_triangle"></div>
					<div class="pet_article_dowload_ico">
						<img src="assets/amazeui-admin/img/footdon.png" alt="">
					</div>
					<div class="pet_article_dowload_content_font">Amaze UI
						以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</div>
					<div class="pet_article_dowload_all">
						<a href="###" class="pet_article_dowload_Az am-icon-apple">
							App store</a> <a href="###"
							class="pet_article_dowload_Pg am-icon-android"> Android</a>
					</div>
				</div>
			</div>
		</div>

		<div class="pet_article_footer_info">Copyright(c)2015 PetShow
			All Rights Reserved</div>
	</div>
	</div>

	<script>
		var theme = "ios";
		var mode = "scroller";
		var display = "bottom";
		var lang = "zh";

		// Select demo initialization
		$('#demo_select').mobiscroll().select({
			theme : theme, // Specify theme like: theme: 'ios' or omit setting to use default
			mode : mode, // Specify scroller mode like: mode: 'mixed' or omit setting to use default
			display : display, // Specify display mode like: display: 'bottom' or omit setting to use default
			lang : lang
		// Specify language like: lang: 'pl' or omit setting to use default
		});

		// Date & Time demo initialization
		$('#demo_datetime').mobiscroll().datetime({
			theme : theme,
			mode : mode,
			display : display,
			lang : lang,
			dateFormat : "yyyy-mm-dd",
			minDate : new Date(2000, 3, 10, 9, 22),
			maxDate : new Date(2030, 7, 30, 15, 44),
			stepMinute : 1
		});

		// Date & Time demo initialization
		$('#demo_datetime1').mobiscroll().datetime({
			theme : theme,
			mode : mode,
			display : display,
			lang : lang,
			dateFormat : "yyyy-mm-dd",
			minDate : new Date(2000, 3, 10, 9, 22),
			maxDate : new Date(2030, 7, 30, 15, 44),
			stepMinute : 1
		});
	</script>
	<script src="http://cdn.staticfile.org/jquery/2.2.3/jquery.js"></script>
	<script src="http://beta.amazeui.org/dist/js/amazeui.js"></script>
	<script>
		$(function() {
			$('#doc-form-file').on(
					'change',
					function() {
						var fileNames = '';
						$.each(this.files, function() {
							fileNames += '<span class="am-badge">' + this.name
									+ '</span> ';
						});
						$('#file-list').html(fileNames);
					});
		});
	</script>

	<!--  -->
	<script src="myAssets/js/admin-busAdd.js"></script>


</body>
</html>